<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html WPUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
  <head>
    <meta content="Baike" charset="utf-8" />
    <title>山大百科</title>
    <link rel="stylesheet" type="text/css" href="style/index.css" />
	<script type="text/javascript" src="JS/utils.js"></script>
	<script type="text/javascript" src="JS/onload.js"></script>
  </head>
  <body>
	<main>
		<nav>
		  <div id="navbar">
			<ul class="nav">
			  <li class="list">
				<a href="javascript:void(0)">热门词条</a>
			  </li>
			  <li class="list">
				<a href="javascript:void(0)">山大人物</a>
			  </li>
			  <li class="list" id="l3">
				<a href="javascript:void(0)">课程简介</a>
				<div id="down3">
				  <div><a href="">专业限选课</a></div>
				  <div><a href="">专业必修课</a></div>
				  <div><a href="">选修课</a></div>
				</div>
			  </li>
			  <li class="list">
				<a href="javascript:void(0)">山大经验</a>
			  </li>
			</ul>
			<div class="split1">
			  <img alt="" src="pic/split.png" />
			</div>
			<div class="help">帮助</div>
			<div class="login_icon">
			  <a href="javascript:void(0)">
				<img alt="" src="pic/person.png" />
			  </a>
			</div>
			<div class="login" id="hint">
			  <a href="javascript:void(0)" id="login">登录/注册</a>
			</div>
			<div class="split2">
			  <img alt="" src="pic/split.png" />
			</div>
			<img alt="学生在线" src="pic/logo.png" />
		  </div>
		</nav>
		<article>
		  <div id="main">
			  <div class="sdbk">山大百科</div>
			  <input type="text" name="keyword" id="edit_search" placeholder="请输入搜索内容……" /> 
			  <button id="bt_search">
				<img alt="" src="pic/bt_search.png" />
			  </button>
		  </div>
		  <div id="hotsbj" class="hotsbj">
				<a href="javascript:void(0)">中国文学</a>
				<a href="javascript:void(0)">知新楼</a>
				<a href="javascript:void(0)">软件园食堂</a>
				<a href="javascript:void(0)">山大校友</a>
				<a href="javascript:void(0)">洪家楼教堂</a>
				<a href="javascript:void(0)">王者荣耀</a>
		  </div>
		</article>
	</main>
    <div class="max" id="max">
      <div class="loginbox">
        <div class="login_title">登录山大百科账号</div>
        <div class="user_inf">
        <input type="text" name="username" placeholder="账号" id="username"/> 
        <input type="password" name="userpass" placeholder="密码" id="password"/>
		</div>
        <div class="confirm">
        <input type="text" name="checkcode" placeholder="验证码" id="checkcode"/> 
        <img alt="……" src="" id="confirmImg" /> 
        <a href="javascript:void(0);" id="changeconf">换一张</a></div>
        <div class="remember">
        <input type="checkbox" value="yes" />记住密码 
        <a href="getback.html">忘记密码？</a></div>
        <input type="button" value="登录" class="button bt_login" id="bt_login"/>
		<input type="button" value="快速注册" class="button bt_register" id="bt_register"/>
		<div id="errormsg" class="errormsg"></div>
      </div>
    </div>
  </body>
</html>


